<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link th:href="@{/static/css/layui/layui.css}" rel="stylesheet">
    <link th:href="@{/static/css/style.css}" rel="stylesheet">
    <link th:href="@{/static/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/static/css/layer/layer.css}" rel="stylesheet">
    <link th:href="@{/static/css/layui/admin.css}" rel="stylesheet">
    <link th:href="@{/static/css/element-ui.2.13.0.css}" rel="stylesheet">
    <link th:href="@{/static/css/font-awesome.min.css}" rel="stylesheet">
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight" id="app">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form class="form-horizontal m-t" id="signupForm">
                        <input id="id" name="id" type="hidden"
                               th:value="${sysUser.id}">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">用户名：</label>
                            <div class="col-sm-8">
                                <input id="name" name="name" class="form-control"
                                       type="text" th:value="${sysUser.name}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">昵称：</label>
                            <div class="col-sm-8">
                                <input id="nickName" name="nickName" class="form-control"
                                       type="text" th:value="${sysUser.nickName}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">性别：</label>
                            <div class="col-sm-8">
                                <input id="sex" name="sex" type="hidden"
                                       th:value="${sysUser.sex}">
                                <div class="radio-beauty-container" id="sexs">
                                    <label>
                                        <span class="radio-name">男</span>
                                        <input type="radio" value="男" name="sex" id="nan" hidden/>
                                        <label for="nan" class="radio-beauty"></label>
                                    </label>
                                    <label>
                                        <span class="radio-name">女</span>
                                        <input type="radio" value="女" name="sex" id="nv" hidden/>
                                        <label for="nv" class="radio-beauty"></label>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">用户权限：</label>
                            <div class="col-sm-8" id="userRole">
                                <input id="roleName" name="roleName" type="hidden"
                                       th:value="${roleName}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">手机号：</label>
                            <div class="col-sm-8">
                                <input id="mobile" name="mobile" class="form-control"
                                       type="text" th:value="${sysUser.mobile}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">邮箱：</label>
                            <div class="col-sm-8">
                                <input id="email" name="email" class="form-control"
                                       type="text" th:value="${sysUser.email}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">出生日期：</label>
                            <div class="col-sm-8">
                                <input id="birthday" name="birthday" type="hidden"
                                       th:value="${sysUser.birthday}">
                                <el-date-picker id="birth" v-model="birthday"
                                                type="date"
                                                placeholder="选择日期">
                                </el-date-picker>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">爱好：</label>
                            <div class="col-sm-8">
                                <input id="hobby" name="hobby" class="form-control"
                                       type="text" th:value="${sysUser.hobby}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">现居地：</label>
                            <div class="col-sm-8">
                                <input id="liveAddress" name="liveAddress" class="form-control"
                                       type="text" th:value="${sysUser.liveAddress}">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-8 col-sm-offset-3">
                                <button type="submit" class="btn btn-primary">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script th:inline="javascript">
    var context = [[@{
        /}]];
</script>
<script th:src="@{/static/js/jquery.1.12.4.min.js}"></script>
<script th:src="@{/static/js/sha256.js}"></script>
<script th:src="@{/static/js/jquery.validate.min.js}"></script>
<script th:src="@{/static/js/layui/layui.js}"></script>
<script th:src="@{/static/js/layui/lay/modules/layer.js}"></script>
<script th:src="@{/static/js/vue.2.6.11.js}"></script>
<script th:src="@{/static/js/element-ui.2.13.0.js}"></script>
<script th:src="@{/static/js/modules/user/updateUser.js}"></script>
</body>
</html>